<!-- 组件传值 -->

<!-- vue框架 --> 
 <script src="vue.js"></script> 

<!-- 界面显示 --> 
<div id="app"> 
     <!-- 自定义组件当中属性的名字要与自定义props后面的值对应 -->
     <mcomponent name="tilts"></mcomponent> 
 </div> 

 <!-- 脚本声明 --> 
 <script> 
      // 注册定义组件 
    Vue.component('mcomponent',{ 
    data (){ 

    },
    // props当中设置的值，作为属性的名称 
    props: ['name'], 
    template:'<p>我是自定义组件{{name}}</p>'
 }); 

  var vue=new Vue({ 
      el: '#app', 
   }); 
 </script>